import React from 'react'
import MyButton from '@/app/component/my-button'
import { Check } from 'lucide-react'

const page = () => {
  return (
    <div className='max-w-[800px] mx-auto'>
      <h2>normal</h2>
      <MyButton>Submit</MyButton>
      <br />
      <br />
      <hr />

      <h2>prefix</h2>
      <MyButton prefix={<Check className='w-4 h-4' />}>Submit</MyButton>
      <br />
      <br />
      <hr />

      <h2>suffix</h2>
      <MyButton suffix={<Check className='w-4 h-4' />}>Submit</MyButton>
      <br />
      <br />
      <hr />

      <h2>disabled</h2>
      <MyButton disabled>Submit</MyButton>
      <br />
      <br />
      <hr />

      <h2>outlined</h2>
      <MyButton outlined>Submit</MyButton>
      <br />
      <br />
      <hr />

      
    </div>
  )
}

export default page
